<template>
  <div class="container">
    <div class="jumbotron p-4 p-md-5 text-white rounded bg-dark">
      <div class="col-md-6 px-0">
        <h1 class="display-4 font-italic">A knowledge graph for cyber security</h1>
        <p class="lead my-3">The knowledge graph we provided incorporates information from a large variety of
          structured
          and unstructured data sources and helps in situational awareness.</p>
        <p class="lead mb-0"><a href="#" class="text-white font-weight-bold">Continue reading...</a></p>
      </div>
    </div>

    <div class="row mb-2">
      <div class="col-md-6">
        <div
          class="row no-gutters border rounded overflow-hidden flex-md-row mb-4 shadow-sm h-md-250 position-relative">
          <div class="col p-4 d-flex flex-column position-static">
            <strong class="d-inline-block mb-2 text-danger">Entity</strong>
            <h3 class="mb-0">EXPLOITS</h3>
            <h1 class="mb-auto">121064</h1>
            <h5 class="card-text mb-auto">Vulnerability exploits for popular products</h5>
            <a href="#" class="stretched-link">SEE MORE ></a>
          </div>
        </div>
      </div>
      <div class="col-md-6">
        <div
          class="row no-gutters border rounded overflow-hidden flex-md-row mb-4 shadow-sm h-md-250 position-relative">
          <div class="col p-4 d-flex flex-column position-static">
            <strong class="d-inline-block mb-2 text-warning">Entity</strong>
            <h3 class="mb-0">WEAKNESS</h3>
            <h1 class="mb-auto">116</h1>
            <h5 class="card-text mb-auto">Weakness gives the causes of software security vulnerability</h5>
            <a th:href="@{/toCwePage}" class="stretched-link">SEE MORE ></a>
          </div>
        </div>
      </div>
    </div>
    <div class="row mb-2">
      <div class="col-md-6">
        <div
          class="row no-gutters border rounded overflow-hidden flex-md-row mb-4 shadow-sm h-md-250 position-relative">
          <div class="col p-4 d-flex flex-column position-static">
            <strong class="d-inline-block mb-2 text-primary">Entity</strong>
            <h3 class="mb-0">VENDORS</h3>
            <h1 class="mb-auto">19562</h1>
            <h5 class="mb-auto">Vendors of products that have vulnerabilities</h5>
            <a href="#" class="stretched-link">SEE MORE ></a>
          </div>
        </div>
      </div>
      <div class="col-md-6">
        <div
          class="row no-gutters border rounded overflow-hidden flex-md-row mb-4 shadow-sm h-md-250 position-relative">
          <div class="col p-4 d-flex flex-column position-static">
            <strong class="d-inline-block mb-2 text-primary">Entity</strong>
            <h3 class="mb-0">PRODUCTS</h3>
            <h1 class="mb-auto">249616</h1>
            <h5 class="card-text mb-auto">Products that have known vulnerabilities</h5>
            <a href="#" class="stretched-link">SEE MORE ></a>
          </div>
        </div>
      </div>
    </div>
    <div class="row mb-2">
      <div class="col-md-6">
        <div
          class="row no-gutters border rounded overflow-hidden flex-md-row mb-4 shadow-sm h-md-250 position-relative">
          <div class="col p-4 d-flex flex-column position-static">
            <strong class="d-inline-block mb-2 text-success">Entity</strong>
            <h3 class="mb-0">VULNERABILITY SOURCES</h3>
            <h1 class="mb-auto">600325</h1>
            <h5 class="mb-auto">Security advisories ,bulletins and third-party organizations</h5>
            <a href="#" class="stretched-link">SEE MORE ></a>
          </div>
        </div>
      </div>
      <div class="col-md-6">
        <div
          class="row no-gutters border rounded overflow-hidden flex-md-row mb-4 shadow-sm h-md-250 position-relative">
          <div class="col p-4 d-flex flex-column position-static">
            <strong class="d-inline-block mb-2 text-primary">Entity</strong>
            <h3 class="mb-0">RELATED TERMS</h3>
            <h1 class="mb-auto">xxx</h1>
            <h5 class="card-text mb-auto">Related terms include means, consequence or other terms about
              vulnerabilities</h5>
            <a href="#" class="stretched-link">SEE MORE ></a>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'StatisticalInfo'
}
</script>

<style scoped>

</style>
